!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define("rb_wixui.thunderbolt[MediaOverlayControls]",["react"],t):"object"==typeof exports?exports["rb_wixui.thunderbolt[MediaOverlayControls]"]=t(require("react")):e["rb_wixui.thunderbolt[MediaOverlayControls]"]=t(e.React)}("undefined"!=typeof self?self:this,(function(e){return function(){var t={5329:function(t){"use strict";t.exports=e},448:function(e){function t(){return e.exports=t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},e.exports.__esModule=!0,e.exports.default=e.exports,t.apply(null,arguments)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}},a={};function r(e){var o=a[e];if(void 0!==o)return o.exports;var n=a[e]={exports:{}};return t[e](n,n.exports,r),n.exports}r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var a in t)r.o(t,a)&&!r.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return function(){"use strict";r.r(o),r.d(o,{components:function(){return _}});var e=r(448),t=r.n(e),a=r(5329);const n=new RegExp("<%= compId %>","g"),l=(e,t)=>e.replace(n,t);function i(e){var t,a,r="";if("string"==typeof e||"number"==typeof e)r+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(a=i(e[t]))&&(r&&(r+=" "),r+=a);else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}var s=function(){for(var e,t,a=0,r="";a<arguments.length;)(e=arguments[a++])&&(t=i(e))&&(r&&(r+=" "),r+=t);return r};const c=e=>Object.entries(e).reduce(((e,[t,a])=>(t.includes("data-")&&(e[t]=a),e)),{});const d=13,u=27;function p(e){return t=>{t.keyCode===e&&(t.preventDefault(),t.stopPropagation(),t.currentTarget.click())}}const b=p(32),v=p(d),f=e=>{v(e),b(e)},m=(p(u),"wixui-"),h=(e,...t)=>{const a=[];return e&&a.push(`${m}${e}`),t.forEach((e=>{e&&(a.push(`${m}${e}`),a.push(e))})),a.join(" ")},y={root:"linkElement"},g=(e,r)=>{const{href:o,role:n,target:l,rel:i,className:s="",children:d,linkPopupId:u,anchorDataId:p,anchorCompId:m,tabIndex:h,dataTestId:g=y.root,title:C,onClick:x,onDoubleClick:k,onMouseEnter:E,onMouseLeave:w,onFocus:M,onFocusCapture:O,onBlurCapture:S,"aria-live":N,"aria-disabled":j,"aria-label":_,"aria-labelledby":P,"aria-pressed":R,"aria-expanded":I,"aria-describedby":$,"aria-haspopup":D,"aria-current":L,dataPreview:T,dataPart:B}=e,A=void 0!==e.activateByKey?e.activateByKey:(e=>e?"SpaceOrEnter":"Space")(u);let K;switch(A){case"Enter":K=v;break;case"Space":K=b;break;case"SpaceOrEnter":K=f;break;default:K=void 0}return void 0!==o||u?a.createElement("a",t()({},c(e),{"data-testid":g,"data-popupid":u,"data-anchor":p,"data-anchor-comp-id":m,"data-preview":T,"data-part":B,href:o||void 0,target:l,role:u?"button":n,rel:i,className:s,onKeyDown:K,"aria-live":N,"aria-disabled":j,"aria-label":_,"aria-labelledby":P,"aria-pressed":R,"aria-expanded":I,"aria-haspopup":D,"aria-describedby":$,"aria-current":L,title:C,onClick:x,onMouseEnter:E,onMouseLeave:w,onDoubleClick:k,onFocus:M,onFocusCapture:O,onBlurCapture:S,ref:r,tabIndex:u?0:h}),d):a.createElement("div",t()({},c(e),{"data-testid":g,"data-preview":T,"data-part":B,className:s,tabIndex:h,"aria-label":_,"aria-labelledby":P,"aria-haspopup":D,"aria-disabled":j,"aria-expanded":I,title:C,role:n,onClick:x,onDoubleClick:k,onMouseEnter:E,onMouseLeave:w,ref:r}),d)};var C=a.forwardRef(g);var x={root:"vector-image"},k={link:"aeyn4z",clickable:"qQrFOK",svgRoot:"VDJedC",nonScalingStroke:"l4CAhn"};var E=e=>{const{id:r,svgContent:o,shouldScaleStroke:n,withShadow:i,link:d,ariaLabel:u,ariaExpanded:p,ariaAttributes:b,className:v="",customClassNames:f=[],containerClass:m="",onClick:y,onDblClick:g,onMouseEnter:E,onMouseLeave:w,hasPlatformClickHandler:M,onKeyDown:O,toggle:S,reportBiOnClick:N,tag:j="div",isClassNameToRootEnabled:_}=e,P=M||y,R=!(!(I=d)||0===Object.keys(I).length&&I.constructor===Object);var I;const $=s(k.svgRoot,{[k.nonScalingStroke]:!n,[k.hasShadow]:i,[k.clickable]:P,[v]:!_}),D=a.useRef(null);a.useEffect((()=>{let e;const t=D.current;return S&&(e=()=>S(!1),null==t||t.addEventListener("click",e)),()=>{e&&(null==t||t.removeEventListener("click",e))}}),[D,S]);const L=a.useMemo((()=>{if(!o)return o;const e=((e,t)=>{const a={},r=e.replace(/\sid="([^"<]+)"/g,((e,r)=>{const o=r.endsWith(t)?r:`${r}_${t}`;return a[r]=o,` id="${o}"`}));return Object.keys(a).reduce(((e,r)=>e.replace(new RegExp(`(${r})(?!_${t})`,"g"),a[r])),r)})(o,r),t=null!=b&&b.label?((e,t)=>{let a=e;const r=/aria-label="[^"]*"/;return a=e.match(r)?e.replace(r,`aria-label="${t}"`):e.replace(/(<svg[^>]*)>/,`$1 aria-label="${t}">`),a})(e,null==b?void 0:b.label):e;return l(t,r)}),[r,o,null==b?void 0:b.label]),T=a.createElement("div",{"data-testid":"svgRoot-"+r,className:$,dangerouslySetInnerHTML:{__html:L}}),B=(({reportBiOnClick:e,onClick:t})=>(0,a.useCallback)((a=>{e?.(a),t?.(a)}),[e,t]))({onClick:y,reportBiOnClick:N});return a.createElement(j,t()({id:r},c(e),((e={})=>{const t=e.tabIndex??e.tabindex??void 0;return void 0!==t?{tabIndex:Number(t)}:{}})(e.a11y),{className:s(m,v,h(x.root,...f)),onClick:P||R?B:void 0,onDoubleClick:g,onMouseEnter:E,onMouseLeave:w,onKeyDown:O,ref:D,"aria-expanded":p}),R?a.createElement(C,t()({className:k.link,"aria-label":u},d),T):T)};var w=e=>a.createElement(E,t()({},e,{tag:"div"})),M="AEWcAU",O="nWh_dn",S="RMkeXU";const N=e=>e.replace(/([A-Z])/g,(e=>"-"+e.toLowerCase()));var j;const _={MediaOverlayControls:{component:e=>{let{id:r,vectorImageProps:o,shouldRender:n,reducedMotion:i=!1,className:s,isClassNameToRootEnabled:c}=e;((e,t)=>{e&&e.svgContent&&(e.svgContent=l(e.svgContent,t))})(o,r);const d=c?s:"";return a.createElement("div",{id:r,className:d},(n||i)&&a.createElement("div",{className:S},a.createElement("div",{className:O,"data-testid":"pause-icon"},a.createElement("svg",{width:"100%",height:"100%",viewBox:"0 0 40 40",xmlns:"http://www.w3.org/2000/svg"},a.createElement("rect",{x:"13",y:"10",width:"5",height:"20","data-color":"1",fill:"white","data-testid":"pause-rect"}),a.createElement("rect",{x:"22",y:"10",width:"5",height:"20","data-color":"1",fill:"white","data-testid":"pause-rect"}))),a.createElement(w,t()({id:"play-"+r,className:M,"data-testid":"play-icon"},o))))},controller:(j=e=>{let{stateValues:t,mapperProps:a}=e;const{reducedMotion:r,experiments:o={}}=t,n=((e,t)=>!0===e[t]||"true"===e[t]||"new"===e[t])(o,"specs.thunderbolt.isClassNameToRootEnabled");return{...a,reducedMotion:r,isClassNameToRootEnabled:n}},{useComponentProps:(e,t,a)=>{const r=(e=>({...e,updateStyles:t=>{const a=Object.entries(t).reduce(((e,t)=>{let[a,r]=t;return{...e,[(o=a,o.startsWith("--")?a:N(a))]:void 0===r?null:r};var o}),{});e.updateStyles(a)}}))(a);return j({mapperProps:e,stateValues:t,controllerUtils:r})}})}}}(),o}()}));
//# sourceMappingURL=https://static.parastorage.com/services/editor-elements-library/dist/thunderbolt/rb_wixui.thunderbolt[MediaOverlayControls].b673c4bc.bundle.min.js.map